<!-- 定位部分 -->
<template>
  <div class="location-discount border-top">
    <div class="location border-right">
      <i class="iconfont">&#xe608;</i>
      {{city}}
    </div>
    <div class="discount">
      <i class="iconfont">&#xe612;</i>
      {{discount}}
    </div>
  </div>
</template>

<script>
import {mapState} from 'vuex'
export default {
  name: 'Location',
  props: {
    discount: String
  },
  data () {
    return {
    }
  },
  computed: {
    ...mapState(['city'])
  }
}

</script>
<style lang='stylus' scoped>
.location-discount
  background-color #fff
  font-size 0
  div
    display inline-block
    width (100%/2)
    height .98rem
    font-size .28rem
    color #212121
    line-height .98rem
    text-align center
</style>
